<template>
  <div>
    <van-nav-bar
      title="提交成功"
      left-text=""
      :left-arrow="false"
      :fixed="true"
    />
    <div class="con">
      <div class="conitem">
        <i></i>
        <p>事件上报成功!</p>
      </div>
    </div>

    <div class="detail">
      <van-button
        round
        type="info"
        block
        color="linear-gradient(90deg, #00C4C6 0%, #01DC8E 100%)"
        @click="detailhandle"
        >查看事件详情</van-button
      >
    </div>

    <div class="goindex">
      <van-button
        round
        type="info"
        block
        color="linear-gradient(270deg, #FF8F43 0%, #F67665 100%)"
        @click="goindexhandle"
        >返回首页</van-button
      >
    </div>
  </div>
</template>

<script>
export default {
  name: "manualReportDone",
  data() {
    return {
      lists:null,
    };
  },
  mounted() {
    if(this.$route.params){
      this.lists = this.$route.params.lists;
    }
  },
  methods: {
    // onClickLeft() {
    //   this.$router.push({ path: "/eventDiscoveryMain/manualReport" });
    // },
    goindexhandle() {
      this.$router.push({ path: "/" });
    },
    detailhandle() {
      this.$router.push({name:'manualReportDetail',params: {lists:this.lists}})
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.con {
  width: 100%;
  height: 65vh;
}
.conitem {
  width: 100%;
  padding-top: 120px;
  box-sizing: border-box;
}
.con p {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.con i {
  width: 80px;
  height: 100px;
  margin: auto;
  display: block;
  background-image: url("~@/assets/img/eventDiscovery/done.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.detail,
.goindex {
  width: 90%;
  margin: 10px auto;
}
</style>
